<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link rel="icon" href="img/favicon.ico">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/vendor.min.css">
    <link rel="stylesheet" href="css/plugins.min.css">
    <link rel="stylesheet" href="css/style.min.css">
    <style>
        html{
            height: 100%;
            overflow-y: hidden;
        }
        body{
            height: 100%;
            overflow-y: auto;
        }
        .title{
            text-align: center;font-size: 16px;font-weight: bolder;margin: 15px 0;
        }
    </style>
</head>
<body>
<div class="container" style="margin-top: 20px;">
    <div class="row">
        <div class="col-lg-6">
            <div class="single-product-img h-100">
                <div class="swiper-container single-product-slider">
                    <div class="swiper-wrapper" onclick="toUrl(1)">
                        <div class="swiper-slide" style="border: 1px solid #7A7A7A;">
                            <a class="single-img gallery-popup">
                                <img class="img-full" id="yffPicture" style="width: 540px;height: 220px;">
                                <div class="title">
                                    预付费号码国际漫游
                                </div>
                                <div style="padding: 0 0 10px 10px;">
                                    详情
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-lg-6">
            <div class="single-product-img h-100">
                <div class="swiper-container single-product-slider">
                    <div class="swiper-wrapper" onclick="toUrl(2)">
                        <div class="swiper-slide" style="border: 1px solid #7A7A7A;">
                            <a class="single-img gallery-popup">
                                <img class="img-full" id="hffPicture" style="width: 540px;height: 220px;">
                                <div class="title">
                                    后付费号码国际漫游
                                </div>
                                <div style="padding: 0 0 10px 10px;">
                                    详情
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/vendor.min.js"></script>
<script src="layui/layui.js"></script>
<script src="js/token.js"></script>
<script src="js/config.js"></script>
<script src="js/jquery.i18n.min.js"></script>
<script src="js/multi_lang_config.js"></script>
<script>

    var layer = layui.layer;
    var form = layui.form;

    var moduleName = "subMain";
    var defaultLang = layui.data('langTab').langType;
    initLangConfig({
        defaultLang:defaultLang,
        filePath: "js/i18n/"+moduleName+"/",
        module:moduleName,
        base:"js/"
    })
    var i18np = null;
    function changeLang(lang) {
        defaultLang = lang;
        reloadI18n({
            defaultLang:lang,
            filePath: "js/i18n/"+moduleName+"/",
            module:moduleName,
        })
        i18np.loadProperties(moduleName);
    }

    layui.config({base: 'js/'})
        // 继承treetable.js插件
        .extend({i18np: 'i18n'}).use([ 'i18np','jquery'], function () {
        i18np = layui.i18np;
        i18np.loadProperties(moduleName);
    });

    $.ajax({
        url: HOST+"webapi/international/getInternational",
        type: "GET",
        success: function (res) {
            if (res.code == 200){
                for (var i=0;i<res.data.length;i++){
                    if (res.data[i].type == 1){
                        $("#yffPicture").attr("src", res.data[i].picture);
                    }else if (res.data[i].type == 2){
                        $("#hffPicture").attr("src", res.data[i].picture);
                    }
                }
            }
        }
    })

    /**
     * 跳转
     */
    function toUrl(type) {
        window.location.href = "product-detail-gjmytype.html?type="+type;
    }

</script>
</body>
</html>